<?php
$this->pageTitle = 'Yamii - Tarjoustutkasi';
$this->breadcrumbs=array();
?>
<div class="carousel slide" id="myCarousel">
	<div class="carousel-inner">
		<div class="item active">
			<img alt="" src="<?php echo Yii::app()->baseUrl; ?>/img/app/hero_320_1.jpg" />
		</div>
		<div class="item">
			<img alt="" src="<?php echo Yii::app()->baseUrl; ?>/img/app/hero_320_2.jpg" />
		</div>
		<div class="item">
			<img alt="" src="<?php echo Yii::app()->baseUrl; ?>/img/app/hero_320_3.jpg" />
		</div>
		<div class="item">
			<img alt="" src="<?php echo Yii::app()->baseUrl; ?>/img/app/hero_320_4.jpg" />
		</div>
		<div class="item">
			<img alt="" src="<?php echo Yii::app()->baseUrl; ?>/img/app/hero_320_5.jpg" />
		</div>
		<div class="item">
			<img alt="" src="<?php echo Yii::app()->baseUrl; ?>/img/app/hero_320_6.jpg" />
		</div>
	</div>
	<div class="carousel-caption">
		<h1 style="text-align:center; margin-bottom:8px; font-size:24px;">Voit ladata Yamii-sovelluksen sekä
			<a href="<?php echo Yii::app()->createUrl('app/mobile', array('download'=>1, 'type'=>'iphone')); ?>" target="_blank">Applen App Storesta</a> 
			että <a href="<?php echo Yii::app()->createUrl('app/mobile', array('download'=>1, 'type'=>'android')); ?>" target="_blank">Google Play Storesta</a>!</h1>
		<p style="text-align:center; font-size:17px; line-height:22px;">Sen avulla voit etsiä kaikenlaisia erikoistarjouksia lähelläsi. Ei enää ennakkomaksuja: Yamiin avulla säästät joka päivä.</p>
	</div>
	<!-- <a data-slide="prev" href="#myCarousel" class="left carousel-control">‹</a>
	<a data-slide="next" href="#myCarousel" class="right carousel-control">›</a> -->
</div>

<div class="row-fluid" style="margin:45px 0;">
	<div class="span12" style="text-align:center;">
		<a href="<?php echo Yii::app()->createUrl('app/mobile', array('download'=>1, 'type'=>'iphone')); ?>" target="_blank"><img src="<?php echo Yii::app()->baseUrl; ?>/img/app-store-icon.png" alg="Yamii in App Store" /></a>
		<a href="<?php echo Yii::app()->createUrl('app/mobile', array('download'=>1, 'type'=>'android')); ?>" target="_blank"><img src="<?php echo Yii::app()->baseUrl; ?>/img/google-play-icon.png" alg="Yamii in Google Play Store" /></a>
		<a class="popup-window" href="<?php echo Yii::app()->createUrl('app/windows'); ?>"><img src="<?php echo Yii::app()->baseUrl; ?>/img/windows-store-icon-coming.png" alg="Yamii in Windows Store" /></a>
	</div>
</div>

<div class="row-fluid" style="margin-bottom:12px;">
	<ul class="thumbnails relative">
		<li class="span4" style="background:url('<?php echo Yii::app()->baseUrl; ?>/img/app/iphone_frame.png') no-repeat; width:286px; height:561px; position:relative; margin-top:0px;">
			<div class="carousel slide" id="myCarouse2" style="position:absolute; top:100px; left:25px;">
				<div class="carousel-inner">
					<div class="item active">
						<img alt="login with facebook" src="<?php echo Yii::app()->baseUrl; ?>/img/app/iphone_layout_1.png" />
					</div>
					<div class="item">
						<img alt="special offer list" src="<?php echo Yii::app()->baseUrl; ?>/img/app/iphone_layout_2.png" />
					</div>
					<div class="item">
						<img alt="offer unlocked" src="<?php echo Yii::app()->baseUrl; ?>/img/app/iphone_layout_3.png" />
					</div>
				</div>
				<div style="display:none;">
					<a data-slide="prev" href="#myCarouse2" class="left carousel-control" style="left:-70px; top:250px;">‹</a>
					<a data-slide="next" href="#myCarouse2" class="right carousel-control" style="right:-70px; top:250px;">›</a>
				</div>
			</div>
		</li>
		<li class="span8">
			<p class="hero-section-caption">Tervetuloa Yamiihin!</p>
			<div class="clearfix">
				<div style="text-align:right; float:right;">
					<div class="fb-like-box" data-href="http://www.facebook.com/yamiideal" data-show-faces="true" data-stream="false" data-header="true"></div>
				</div>
				<div class="caption">
					<p class="hero-section-title">Joka päivä sadat kaupat julkaisevat tarjouksia, joita et huomaa vaikka ne ovat aivan lähelläsi.</p>
					<br />
					<p class="hero-section-title">Yamii auttaa sinua hyödyntämään kaikkia ympärilläsi olevia tarjouksia liikkuessasi.</p>
				</div>
				<div class="clearfix"></div>
			</div>
			<p class="hero-section-caption" style="margin-top:30px;">Lataa sovellus täältä!</p>
			<div class="clearfix">
				<div class="caption">
<?php
$this->renderPartial('_down_app');
?>
				</div>
			</div>
		</li>
	</ul>
</div>

<div class="row-fluid" style="margin-bottom:64px;">
	<div class="span12">
		<p class="hero-section-caption"></p>
	</div>
	<ul class="thumbnails">
		<li class="span4">
			<div class="thumbnail noline">
				<img alt="" src="<?php echo Yii::app()->baseUrl; ?>/img/app/mobile_tech.png" />
				<div class="caption">
					<p class="hero-section-title">Alennuksia yksinoikeudella</p>
					<p class="hero-section-desc">Yamiin yhteistyökumppanit julkaisevat erikoistarjouksia Yamiin käyttäjille. Seuraa lempiyrityksiä Yamiilla saadaksesi tiedon julkaistuista erikoistarjouksista heti ensimmäisten joukossa.</p>
				</div>
			</div>
		</li>
		<li class="span4">
			<div class="thumbnail noline">
				<img alt="" src="<?php echo Yii::app()->baseUrl; ?>/img/app/mobile_coupon.png" />
				<div class="caption">
					<p class="hero-section-title">Löydä älykkäästi</p>
					<p class="hero-section-desc">Yamii auttaa sinua löytämään tarjouksia sijaintisi ja mieltymystesi mukaan. Juuri sinulle soveltuvat tarjoukset välitetään suoraan puhelimeesi. Älä etsi tarjouksia, anna niiden löytää sinut.</p>
				</div>
			</div>
		</li>
		<li class="span4">
			<div class="thumbnail noline">
				<img alt="" src="<?php echo Yii::app()->baseUrl; ?>/img/app/mobile_scan.png" />
				<div class="caption">
					<p class="hero-section-title">Uusi kokemus</p>
					<p class="hero-section-desc">Ei enää alennuskuponkien kanssa askartelua tai etukäteismaksuja. Yamiin käyttäjänä saat käyttöösi sijaintiin perustuvat hakutoiminnot, automaattiset muistutustukset, sekä varaukset, jotka ovat vain napinpainalluksen päässä. Koe Yamii jo tänään!</p>
				</div>
			</div>
		</li>
	</ul>
</div>
<script type="text/javascript">
$(function() {
	$('.carousel').carousel({interval: 3000});
	$('.popup-window').colorbox();
});
</script>